<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul{
			margin: 0 auto;
			border:1px solid white;
			/*第二步：去掉Ul左侧内边距*/
			padding-left:0;
			/*第四步:设置高度,黑色背景*/
			height: 40px;
			background: #00ffee;
		}
		li{
			border:1px solid white;

			/*第一步：去掉小黑点*/
			list-style: none;

			/*第三步：li标签在一行显示，float*/
			float:left;

			/*5文字设置白色*/
			text-align: center;
			color:white;

			line-height: 40px;
			/*6 给Li标签设置高度，和ul一样高*/

			width: 173.77px;
			height: 40px;
		}
	</style>
</head>
<body>
	<!-- 无序列表标签ul   -->
	<ul>
		<li>首页</li>
		<li>预报预警</li>
		<li>气象新闻</li>
		<li>气象服务</li>
		<li>行政审批</li>
		<li>信息公开</li>
		<li>气象科普</li>
		<li>党风廉政</li>
		<li>气象科普</li>
	</ul>
</body>
</html>